.main {
  display: flex;
  height: 150vh;
  flex-direction: column;
  background-color: #e1e7ee;
  color: #08182c;
  transition : 'all 1s ease-in-out';
  /* 返回顶部 */

.goTop{
  height: 80rpx;
  width: 80rpx;
  position: fixed;
  bottom: 50rpx;
  background: rgba(0,0,0,.3);
  right: 30rpx;
  border-radius: 50%;
  z-index: 999;
}


  // padding: 0 10rpx 0 20rpx;
  .a-page, .a-view, .a-text, .a-swiper, .a-swiper-item, .a-image, .a-navigator{
   padding: 4rpx!important;
 }
  .demo-swiper {
    flex: 1.6;
   box-shadow: 20rpx 10rpx 20rpx 5rpx;
    .slide-image {
      width: 100%;
      height: 100%;
    }
    .margin-t {
      margin-top: 24px;
    }
  }

  .tubiao {
    flex: 1.0;
    flex-wrap: wrap;
    font-family:   KaiTi,'Bookman Old Style', serif;
    // font-weight: 700;
    font-size: 32rpx;
    color: #08182c;
    text-align: center;
    width: 100%;
    display: flex;
    
    padding: 0 0 20rpx 40rpx;
    .image {
      width: 180rpx;
      height: 180rpx;
      margin-right: 60rpx;
      margin-left: 6rpx;
      image {
        margin-top: 0.5375rem /* 15px -> .9375rem */;
        width: 50%;
        height: 50%;
      }
    }
  }
  .list {
    position: relative;
    flex: 1;
    background-color: #ffffff;
    border: 2px solid #08182c;
    box-shadow: 20rpx 10rpx 30rpx 5rpx;
    border-radius: 20rpx;
    margin: 20rpx 20rpx 0 30rpx;
    padding: 20rpx;
    background: url(../../images/book1.jpg) no-repeat  top;
    background-size: cover;
    image {
      position: absolute;
      top: 2rpx;
      left: 150rpx;
      width: 50rpx;
      height: 50rpx;}
    .title {
      font-size: 36rpx;
      font-weight: 700;
      border-bottom: 2px solid #08182c;
      margin-right: 200rpx;
    }
    .text {
      display: block;
      font-size: 32rpx;
      font-weight: 500;
      margin: 5rpx 0;
      border-bottom: 1px dotted #08182c;
    }
  }
  .review{
    margin-bottom: 30rpx;
  }
}
